.header-box { width: 100%; height: 100px; position: fixed; left: 0; top: 0; z-index: 99; }
.header-box.bg { background-color: rgba(0, 0, 0, 0.9);}
.header-box .header-main { margin: 0 auto; width: 1200px; height: 100px; display: flex; justify-content: space-between; align-items: center;}
.header-box .logo { width: auto; height: auto; }
.header-box .nav { width: auto; height: 100px; display: flex; align-items: center;}
.header-box .nav li { width: 88px; height: 45px; position: relative; z-index: 9; margin: 0 10px;}
.header-box .nav li a { width: 88px; text-align: center; height: 45px; line-height: 45px; font-size: 16px; color: #fff; display: block;}
.header-box .nav li a:hover { background: rgba(255, 255, 255, 0.12); border-radius: 30px; transition: all 0.3s ease; }
.header-box .nav li.on { background: linear-gradient( 270deg, #2BE5FE 0%, #1AE2B2 100%); border-radius: 30px; }
.header-box .nav li.on a { color: #333; font-weight: bold;}
.header-box .nav li ul { width: 140px; position: absolute; top: 45px; left: 0; padding-top: 10px; z-index: 10; display: none;}
.header-box .nav li:hover ul { display: block; }
.header-box .nav li ul li { width: 140px; height: 43px; background: rgba(255, 255, 255, 0.8); margin: 0;}
.header-box .nav li ul li a { height: 43px; display: flex; align-items: center; justify-content: center; width: 140px; color: #484848; text-align: center; line-height: 18px; font-size: 16px; overflow: hidden;}
.header-box .nav li ul li a:hover { background: linear-gradient( 180deg, #2BE5FE 0%, #1AE2B2 100%); border-radius: 0; height: 43px; color: #333;}
.header-box .nav li ul li:first-child { border-radius: 4px 4px 0 0;}
.header-box .nav li ul li:first-child a:hover{ border-radius: 4px 4px 0 0;}
.header-box .nav li ul li:last-child { border-radius: 0 0 4px 4px;}
.header-box .nav li ul li:last-child a:hover { border-radius: 0 0 4px 4px;}
.layui-layer-setwin .layui-layer-close2 { z-index: 99;}
.banner-swiper {
	--swiper-navigation-color: #fff; 
	--swiper-pagination-color: #fff
}
.banner-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	background-color: #e8f5ff;
	width: 12px;
	height: 12px;
	opacity: 1;
	border-radius: 12px;
}

.banner-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #fff;
	width: 25px;
}
.kc-box, .prospect-box, .video-box, .desgin-box, .ad-box, .sk-box, .work-box { width: 100%;}
.kc-box .kc-list{ width: 1200px; margin: 50px auto; display: flex; justify-content: space-between;}
.kc-box .kc-list a { display:block; width: 240px; height: 120px; }
.kc-box .kc-list a img { display: block; width: 240px; height: 120px; }
.main { width: 1200px; margin: 0 auto; position: relative;}
.main .tit { display: flex; flex-direction: column; align-items: center;}
.main .tit h3 { color: #333; font-size: 30px; font-weight: bold;}
.main .tit.white h3 { color: #fff;}
.main .tit .sm-tit { color: #D2D2D2; font-size: 14px; padding-top: 5px;}
.main .tit .line { width: 48px; height: 4px; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%); margin-top: 6px;}
.main .tit .desc { color: #707070; font-size: 20px; padding-top: 13px;}
.main .tit .desc p { text-align: center; line-height: 32px;}
.main .tit.white .desc { color: #AEAEAE;}
.main .tit2 { display: flex; align-items: center;}
.main .tit2 .no { color: #3FA6B3; font-size: 56px;}
.main .tit2 .tit-content h3 { font-size: 22px; font-weight: bold; color: #171717;}
.main .tit2 .tit-content .sm-tit { font-size: 14px; color: #cfcfcf;}
.main .tit2 .tit-desc { font-size: 20px; padding-left: 30px; color: 171717; padding-top: 39px;}

/**行业前景**/
.prospect-box { padding: 50px 0 54px 0; }
.prospect-box .prospect-content { display: flex; justify-content: space-between; padding-top: 20px; height: 450px;}
.prospect-box .prospect-content .qj-tab span { width: 190px; height: 64px; display: block; position: relative; text-align: center; line-height: 64px; font-size: 20px; color: #bfbfbf; margin: 43px 0; cursor: pointer;}
.prospect-box .prospect-content .qj-tab .active { background: linear-gradient(270deg, #2BE5FE 0%, #2CD692 100%); background-color: black; font-size: 20px; color: #333; font-weight: bold; box-shadow: 0px 3px 6px 1px #5DEDFF;}
.prospect-box .prospect-content .qj-tab .active:after { position: absolute; content: ''; width: 0; height: 0; top: -30px; right: -15px; border-top: solid 32px transparent; border-left: solid 32px white; border-bottom: solid 32px transparent; transform: rotate(-35deg);}
.prospect-box .prospect-content .qj-tab .active:before { position: absolute; content: ''; width: 0; height: 0; bottom: -30px; right: -15px; border-top: solid 32px transparent; border-left: solid 32px white; border-bottom: solid 32px transparent; transform: rotate(35deg);}
.prospect-box .prospect-content .job-tab { width: 1000px; display: flex; justify-content: space-between; border-bottom: solid 1px #dfdfdf;}
.prospect-box .prospect-content .job-tab span { color: #bcbcbc; font-size: 16px; display: block; width: 200px; height: 50px; line-height: 50px; text-align: center; border-bottom: 6px solid #fff; position: relative; cursor: pointer; }
.prospect-box .prospect-content .job-tab .active:after { content: ''; position: absolute; width: 98px; left: 50%; margin-left: -49px; height: 6px; bottom: -6px; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%);}
#job-container { padding-top: 20px;}

/**视频教学资源**/
.video-box { background: url('../img/video_bg.jpg') no-repeat; height: 667px; padding-top: 100px;}
.video-box .video-content { display: flex; justify-content: space-between; padding-top: 38px;}
.video-box .video-content .video-left-box { width: 1000px; height: 440px; position:relative;}
#teachVideoBig { height: 440px;}
#teachVideoBig .swiper-slide { position:relative;}
#teachVideoBig .swiper-slide .slide-img { display: block; width: 1000px; height: 440px; cursor:pointer;}
.video-box .video-content .video-right-box { width: 200px; height: 440px;}
.video-box .video-content .video-right-box .video-tab{ width: 200px; height: 440px; overflow:hidden;}
.video-box .video-content .video-right-box .video-tab img { width: 200px; height: 110px; display:block; cursor: pointer;}
.video-box .video-content .video-right-box .video-tab .video-item { position:relative ;}
.video-box .video-content .video-right-box .video-tab .video-item span { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: linear-gradient( 270deg, #2BE5FE 0%, #1AE2B2 100%);  border-radius: 5px; font-weight: bold; top: 100%; transition: all .3s cubic-bezier(.6,.4,0,1);}
.video-box .video-content .video-right-box .video-tab .video-item:hover span { top: 0; cursor:pointer;}
.video-box .video-content .video-left-box .btn-play { position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; cursor: pointer;}
.video-layer { display:none;}

/**视觉设计**/
.desgin-box { margin-top: 74px;}
.desgin-box .content { margin-top: 30px; display: flex; justify-content: space-between;}
.desgin-box .content .design-left { width: 800px; height: 380px;}
.desgin-box .content .design-left img { width: 100%; display: block;}
.desgin-box .content .design-right { width: 400px; height: 380px; display: flex; flex-wrap: wrap;}
.desgin-box .content .design-right li { margin-left: 10px; width: 190px; height: 120px; position: relative; margin-bottom: 10px;}
.desgin-box .content .design-right li:nth-child(5), .desgin-box .content .design-right li:nth-child(6) { margin-bottom: 0;}
.desgin-box .content .design-right li img { width: 190px; height: 120px; border-radius: 10px;}
.desgin-box .content .design-right li p { position: absolute; bottom: 0; left: 0; width: 190px; height: 31px; background: linear-gradient( 270deg, #2BE5FE 0%, #1AE2B2 100%); border-radius: 0 0 10px 10px; color: #333; font-size: 17px; line-height: 31px; text-align: center;}
.zx-btn { width: 100%; padding: 80px 0 10px; display: flex; justify-content: center;}
.zx-btn a { display: block; width: 212px; height: 47px; line-height: 47px; text-align: center; font-size: 16px; color: #333; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%); box-shadow: 0px 3px 6px 1px #5DEDFF; border-radius: 29px;}
.ad-box img { display: block; width: 100%;}

/**授课模式**/
.sk-box { padding: 80px 0;}
.sk-box .content { padding-top: 58px;}
.sk-box .content .top1 { text-align: center;}
.sk-box .content .top1 .top1-list { padding-top: 30px; display: flex; align-items: center; justify-content: space-between;}
.sk-box .content .top1 .top1-list li { display: flex; flex-direction: column; align-items: center;}

/**学员作品**/
.work-box { background-color: #141819; padding: 80px 0 80px;}
.work-box .main { width: 1470px;}
.work-box .work-content { padding-top: 29px;}
.work-box .work-content .work-tab { display: flex; justify-content: center; border-bottom: solid 1px #dfdfdf; width: 1200px; margin: 0 auto;}
.work-box .work-content .work-tab span{ width: 200px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #fff; border-bottom: 6px solid #141819; position: relative; cursor: pointer;}
.work-box .work-content .work-tab .active:after { content: ''; position: absolute; width: 98px; left: 50%; margin-left: -49px; height: 6px; bottom: -6px; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%);}
.work-box .work-content .work-list { display: flex; flex-wrap: wrap; min-height: 660px;}
.work-box .work-content .work-list li { width: 286px; height: 290px; margin-top: 40px; margin-right: 10px;}
.work-box .work-content .work-list li:nth-child(5n) { margin-right: 0;}
.work-box .work-content .work-list li img { display: block; width: 286px; height: 190px; border-radius: 15px 15px 0 0;}
.work-box .work-content .work-list li .work-txt { width: 246px; height: 80px; border-radius: 0 0 15px 15px; background-color: #fff; padding: 10px 20px;}
.work-box .work-content .work-list li .work-txt .work-txt-tit { font-size: 16px; font-weight: bold; color: #404040;}
.work-box .work-content .work-list li .work-txt .work-txt-desc { padding-top: 13px; font-size: 14px;}
.work-box .work-content .work-list li .work-txt .work-txt-author { color: #7a7a7a; font-size: 12px; display: flex; justify-content: space-between; line-height: 30px;}

/**职场进化论**/
.job-box { padding-top: 80px; width: 100%;}
.job-box .job-content { padding-top: 30px;}
#workplace-box { margin: 0 100px;}
#workplace-box .swiper-slide { position: relative;}
#workplace-box .swiper-slide .btn-play { position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px;}
#workplace-box .swiper-slide .btn-play img { width: 60px; height: 60px; display: block;}

.job-box .job-swiper-button-next, .job-box .job-swiper-button-prev { top: 57%; color:#fff; display: flex; justify-content: center; align-items: center; border-radius: 59px; background: rgba(81, 81, 81, 0.2);  width: 59px; height: 59px;}


/**师资团队**/
.teacher-box { padding-top: 80px; width: 100%;}
.teacher-box .teacher-content { padding-top: 20px;}
.teacher-box .teacher-content .teacher-tab { display: flex; justify-content: center; border-bottom: solid 1px #dfdfdf; width: 1200px; margin: 0 auto;}
.teacher-box .teacher-content .teacher-tab span{ width: 200px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #484848; border-bottom: 6px solid #fff; position: relative; cursor: pointer;}
.teacher-box .teacher-content .teacher-tab .active:after { content: ''; position: absolute; width: 98px; left: 50%; margin-left: -49px; height: 6px; bottom: -6px; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%);}
#teacher-swiper { height: 414px;}
.teacher-box .teacher-content .tc-swiper-button-next, .teacher-box .teacher-content .tc-swiper-button-prev {color:#fff; display: flex; justify-content: center; align-items: center; border-radius: 59px; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%); width: 59px; height: 59px; box-shadow: 0px 3px 6px 1px #5DEDFF;}

/**环境介绍**/
.huanjing-box { padding-top: 80px; width: 100%;}
.huanjing-box .huanjing-content { padding-top: 20px;}
.huanjing-box .huanjing-content .huanjing-tab { display: flex; justify-content: center; border-bottom: solid 1px #dfdfdf; width: 1200px; margin: 0 auto;}
.huanjing-box .huanjing-content .huanjing-tab span{ width: 200px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #484848; border-bottom: 6px solid #fff; position: relative; cursor: pointer;}
.huanjing-box .huanjing-content .huanjing-tab .active:after { content: ''; position: absolute; width: 98px; left: 50%; margin-left: -49px; height: 6px; bottom: -6px; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%);}
.huanjing-box .huanjing-content .huanjing-list { display: flex; align-items: center; padding-top: 16px; width: 1200px; overflow: hidden;}
.huanjing-box .huanjing-content .huanjing-list li { display: flex; flex-direction: column; align-items: center; margin-right: 20px;}
.huanjing-box .huanjing-content .huanjing-list li img { width: 285px; height: 194px; display: flex; object-fit: cover;}
.huanjing-box .huanjing-content .huanjing-list li p { color:#AEAEAE; font-size: 12px; text-align: center; padding-top: 8px;}
.huanjing-box .huanjing-content .huanjing-list li:nth-child(4n) { margin-right: 0;}

/**就业模式**/
.jiuye-box { padding-top: 80px; width: 100%;}
.jiuye-box .jiuye-content { padding-top: 40px; display: flex; justify-content: center;}
.jiuye-box .jiuye-content li { margin: 0 26px;}
.jiuye-box .jiuye-content li img { width: 276px; height: 328px; display: block;}
.jiuye-box .jiuye-mode, .jiuye-box .job-course, .jiuye-box .qy-cooperate, .jiuye-box .job-fairs { padding-top: 60px;}
.jiuye-box .job-fairs .job-video-list { display: flex; align-items: center; padding-top: 35px;}
.jiuye-box .job-fairs .job-video-list li { width: 285px; height: 212px; margin-right: 20px; position: relative;}
.jiuye-box .job-fairs .job-video-list li:nth-child(4n) { margin-right: 0;}
.jiuye-box .job-fairs .job-video-list li .btn-play { position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px;}
.jiuye-box .job-fairs .job-video-list li .btn-play img { width: 60px; height: 60px; display: block;}

/**优漫动态**/
.news-box { padding: 80px 0; width: 100%;}
.news-box .news-content { padding-top: 20px;}
.news-box .news-content .news-tab { display: flex; justify-content: center; border-bottom: solid 1px #dfdfdf; width: 1200px; margin: 0 auto;}
.news-box .news-content .news-tab span{ width: 200px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #484848; border-bottom: 6px solid #fff; position: relative; cursor: pointer;}
.news-box .news-content .news-tab .active:after { content: ''; position: absolute; width: 98px; left: 50%; margin-left: -49px; height: 6px; bottom: -6px; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%);}
.news-box .news-content .news-content-box { display: flex; justify-content: space-between; padding-top: 20px;}
.news-box .news-content .news-content-box img { width: 580px; height: 408px; display: block; object-fit: cover;}
.news-box .news-content .news-content-box .news-right { width: 600px; }
.news-box .news-content .news-content-box .news-right li { display: flex;  height: 105px; overflow: hidden; padding-top: 30px; border-bottom: solid 1px #d9d9d9;}
.news-box .news-content .news-content-box .news-right li .date { width: 65px; padding-right: 20px;}
.news-box .news-content .news-content-box .news-right li .date .year { font-size: 14px; display: flex; align-items: center; justify-content: flex-end;  height: 20px; color: #3FA6B3; padding-bottom: 20px; font-weight: bold;}
.news-box .news-content .news-content-box .news-right li .date .month { font-size: 24px; color: #3FA6B3; text-align: right; font-weight: bold;}
.news-box .news-content .news-content-box .news-right li .news-txt { width: 515px;}
.news-box .news-content .news-content-box .news-right li .news-txt .news-tit { text-align: left; height: 20px; font-size: 14px; color: #444444; font-weight: bold; padding-bottom: 20px;} 
.news-box .news-content .news-content-box .news-right li .news-txt .news-desc { line-height: 20px; font-size: 12px; color: #8d8d8d; height:40px; overflow:hidden;}
/**页脚**/
.footer-box { width: 100%; background-color: #3FA6B3; padding: 50px 0 130px;}
.footer-box .main { display: flex; justify-content: space-between;}
.footer-box .left-box { width: 800px;}
.footer-box .left-box .nav-list { display: flex;}
.footer-box .left-box .nav-list dl { width: 200px; display: flex; flex-direction: column;}
.footer-box .left-box .nav-list dl dt { color: #fff; font-size: 16px; padding-bottom: 30px; font-weight: bold;}
.footer-box .left-box .nav-list dl dd { font-size: 14px; color: rgba(255,255,255, 0.6); line-height: 30px;}
.footer-box .left-box .nav-list dl dd a { color: rgba(255,255,255, 0.6); }
.footer-box .left-box .copyright-box { padding-top: 44px; }
.footer-box .left-box .copyright-box .links { color: #fff; border-bottom: solid 1px rgba(255, 255, 255, 0.5); padding-bottom: 5px; width: 700px;}
.footer-box .left-box .copyright-box .links span { padding: 0 5px;}
.footer-box .left-box .copyright-box .links span a { color:#fff;}
.footer-box .left-box .copyright-box .copyright { padding-top: 20px; color: rgba(255,255,255, 0.6);}
.footer-box .left-box .copyright-box .copyright a { color: rgba(255,255,255, 0.6);}
.footer-box .right-box { width: 400px;}
.footer-box .right-box .label-txt { color: #fff; font-size: 16px; padding-bottom: 30px; font-weight: bold;}
.footer-box .right-box .tel { font-size: 24px; font-weight: bold; color: #fff; padding-bottom: 20px;}
.footer-box .right-box ul { height: 150px;}
.footer-box .right-box ul li { font-size: 14px; color: rgba(255,255,255, 0.6); line-height: 30px;}
.footer-box .right-box .qrcode-list { display: flex; align-items: center; padding-top: 20px;}
.footer-box .right-box .qrcode-list .qrcode-item { display: flex; flex-direction: column; align-items: center; margin-right: 20px;}
.footer-box .right-box .qrcode-list .qrcode-item span { color: #fff; padding-top: 9px; font-size: 14px; font-weight: bold;}
.zx-box { position: fixed; left: 0; top: 580px; z-index:99;}
.global-box { position: fixed; bottom:0; left:0; width:100%; z-index:999;}
.global-box .global-img-box { position:relative;}
.global-box .global-img-box img { width: 100%; display:block; height:176px;}
.global-box .global-img-box .form-box { position: absolute; width: 400px; bottom: 18px; left: 52%;}
.global-box .global-img-box .close-box { position: absolute; top:50px; right:22%;}
.global-box .global-img-box .close-box i{ font-size:28px; cursor:pointer;}

/**学员作品列表**/
.work-box-container { width: 100%; background-color: #141819; padding: 80px 0;}
.work-box-container .main { width: 1200px;}
.work-box-container .work-content .work-tab a{ width: 200px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #fff; border-bottom: 6px solid #141819; position: relative; cursor: pointer;}
.work-box-container .work-content .work-list li { width: 286px; height: 290px; margin-top: 40px; margin-right: 18.6px;}
.work-box-container .work-content .work-list li a { display:block;}
.work-box-container .work-content .work-list li:nth-child(5n) { margin-right: 18.6px;}
.work-box-container .work-content .work-list li:nth-child(4n) { margin-right: 0;}
.work-detail-container { margin-top: 100px;}
.work-detail-container .breadcrumb-box { height: 49px; line-height: 49px;}
.work-detail-container .student-box { height: 120px; padding: 20px 10px; display: flex; justify-content: space-between;}
.work-detail-container .student-box .student-info { width: 300px;}
.work-detail-container .student-box .student-info .student-avatar { display: flex;}
.work-detail-container .student-box .student-info .student-avatar .student-txt { display: flex; flex-direction: column; justify-content: center;}
.work-detail-container .student-box .student-info .student-avatar .student-txt .name{ color: #484848; font-size: 14px;}
.work-detail-container .student-box .student-info .student-avatar .student-txt .class { font-size: 12px; color: #aeaeae; padding-top: 10px;}
.work-detail-container .student-box .student-info .date { padding-top: 24px; display: flex; align-items: center; color: #aeaeae;}
.work-detail-container .student-box .student-info .date span { padding-left: 5px;}
.work-detail-container .student-box .student-info .student-avatar img { width: 68px; height: 68px; border: solid 1px #ededed; border-radius: 68px; margin-right: 12px;}
.work-detail-container .student-box .work-desc { width: 520px; margin: 0 40px;}
.work-detail-container .student-box .work-desc h4 { font-size: 14px; color: #484848;}
.work-detail-container .student-box .work-desc .desc-txt { padding-top: 10px; color: #707070; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;}
.work-detail-container .student-box .work-desc .count { padding-top: 19px; color: #aeaeae; font-size: 12px; display: flex; align-items: center;}
.work-detail-container .student-box .work-desc .count span { padding-left: 5px;}
.work-detail-container .student-box .btn-list { width: 300px; display: flex;}
.work-detail-container .btn-list { padding: 80px; display: flex; align-items: center; justify-content: center;}
.work-detail-container .btn-list button { background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%); box-shadow: 0px 3px 6px 1px #5DEDFF; color: #333; font-size: 14px;}
.work-detail-container .work-detail { width: 900px; float: left;}
.work-detail-container .work-detail img { width: 100%;}
.work-detail-container .teacher-box-info { width: 260px; padding: 30px 20px; margin-bottom: 213px; background-color: rgba(242,244,245,0.41); float: left; position: sticky; top: 100px;}
.work-detail-container .teacher-box-info .s-tit { font-size: 16px; font-weight: bold; color: #484848;}
.work-detail-container .teacher-box-info .score-box { padding-bottom: 20px; border-bottom: solid 1px #ddd;}
.work-detail-container .teacher-box-info .score-value { display: flex; align-items: center; padding-top: 15px;}
.work-detail-container .teacher-box-info .score-value p { font-size: 30px; font-weight: bold; color: #484848;}
.work-detail-container .teacher-box-info .score-value p span { font-size: 20px; padding-left: 3px;}
.work-detail-container .teacher-box-info .teacher-info { padding-top: 20px;}
.work-detail-container .teacher-box-info .teacher-info .teacher-avatar-box { display: flex; align-items: center; padding-top: 10px;}
.work-detail-container .teacher-box-info .teacher-info .teacher-avatar-box .teacher-avatar { width: 60px; height: 60px; border-radius: 60px;}
.work-detail-container .teacher-box-info .teacher-info .teacher-avatar-box .teacher-txt { padding-left: 10px;}
.work-detail-container .teacher-box-info .teacher-info .teacher-avatar-box .teacher-txt p { font-size: 14px; color: #707070; line-height: 25px;}
.work-detail-container .teacher-box-info .teacher-info .teacher-desc { font-size: 14px; color: #707070; line-height: 20px; padding-top: 10px;}
.work-detail-container .teacher-box-info .teacher-info .course-img { padding-top: 10px;}
.work-detail-container .teacher-box-info .teacher-info .course-img img { display: block; width: 260px; height: 146px; object-fit: cover;}
.work-detail-container .teacher-box-info .work-copyright { padding-top: 10px;}
.work-detail-container .teacher-box-info .work-copyright .copyright-tit { font-size: 14px; color: #484848; font-weight: bold;}
.work-detail-container .teacher-box-info .work-copyright .copyright-txt { padding-top: 10px; font-size: 12px; color: #707070; line-height: 24px;}

/**新闻列表**/
.news-container { width: 100%; padding-top: 40px;}
.news-container .main { display: flex; justify-content: space-between;}
.news-container .news-list-box { width: 800px;}
.news-container .news-right-box { width: 360px; }
.news-container .news-list-box .news-tab { display: flex; justify-content: center; border-bottom: solid 1px #dfdfdf; width: 800px; margin: 0 auto;}
.news-container .news-list-box .news-tab a{ width: 200px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #484848; border-bottom: 6px solid #fff; position: relative; cursor: pointer;}
.news-container .news-list-box .news-tab .active:after { content: ''; position: absolute; width: 98px; left: 50%; margin-left: -49px; height: 6px; bottom: -6px; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%);}
.news-container .news-list-box ul { margin-bottom: 40px;}
.news-container .news-list-box .news-item { display: flex; padding: 24px 0; border-bottom: solid 1px #E5E5E5;}
.news-container .news-list-box .news-item img { width: 240px; height: 180px; display: block; border-radius: 10px; object-fit:cover;}
.news-container .news-list-box .news-item .news-content { padding-left: 20px;}
.news-container .news-list-box .news-item .news-content h3 { font-size: 16px; color: #484848; font-weight: bold; height: 21px; line-height: 21px; overflow: hidden;}
.news-container .news-list-box .news-item .news-content h3 a { color: #484848; }
.news-container .news-list-box .news-item .news-content .desc { font-size: 14px; color: #707070; line-height: 24px; height: 72px; overflow:  hidden; padding-top: 10px;}
.news-container .news-list-box .news-item .news-content .tag { padding-top: 30px;}
.news-container .news-list-box .news-item .news-content .layui-badge { background-color: #EBEBEB !important; color: #666 !important; border-radius: 10px; font-size: 12px;}
.news-container .news-list-box .news-item .news-content .date {color: #aeaeae; font-size: 12px; display: flex; justify-content: space-between; padding-top: 10px;}
.news-container .news-list-box .news-item .news-content .date a { color: #aeaeae; display: flex; align-items: center;}
.news-container .news-right-box .layui-carousel img { width: 360px; height: 203px; display: block;}
.news-container .news-right-box .hot-course { margin-top: 20px; border: solid 1px #dfdfdf; border-radius: 10px; padding: 20px 20px 0;}
.news-container .news-right-box .hot-course .hot-course-tit-box { display: flex; align-items: center; justify-content: space-between;}
.news-container .news-right-box .hot-course .hot-course-tit-box .hot-course-tit { display: flex; align-items: center;}
.news-container .news-right-box .hot-course .hot-course-tit-box .hot-course-tit img { width: 22px; height: 22px; display: block;} 
.news-container .news-right-box .hot-course .hot-course-tit-box .hot-course-tit h3 { padding-left: 5px; color: #333; font-weight: bold; font-size: 16px;}
.news-container .news-right-box .hot-course .hot-course-tit-box .zx-link { color: #979797; font-size: 14px;}
.news-container .news-right-box .hot-course .course-item { display: flex; padding: 20px 0; border-bottom: solid 1px #dfdfdf;}
.news-container .news-right-box .hot-course .course-item:last-child{ border: none;}
.news-container .news-right-box .hot-course .course-item img { width: 124px; height: 86px; display: block;}
.news-container .news-right-box .hot-course .course-item .course-item-right { flex: 1; padding-left: 15px;}
.news-container .news-right-box .hot-course .course-item .course-item-right .course-txt { color: #333; font-size: 18px; line-height: 20px; height: 20px; overflow: hidden;}
.news-container .news-right-box .red-news { margin-top: 20px; border: solid 1px #dfdfdf; border-radius: 10px; padding: 20px;}
.news-container .news-right-box .red-news .red-news-tit { display: flex; align-items: center;}
.news-container .news-right-box .red-news .red-news-tit img { width: 22px; height: 22px; display: block; }
.news-container .news-right-box .red-news .red-news-tit h3 { padding-left: 5px; color: #333; font-weight: bold; font-size: 16px;}
.news-container .news-right-box .red-news ul { padding: 20px 0 0; }
.news-container .news-right-box .red-news ul li { color: #979797; font-size: 12px; line-height: 25px; height: 25px; overflow: hidden;}
.news-container .news-right-box .red-news ul li:first-child{ color: #5E5E5E;  line-height: 20px; font-weight: bold;}
.news-container .breadcrumb-box { width: 1200px; margin: 0 auto 20px; }
.news-container .news-list-box .news-title { color: #333; font-weight: bold; font-size: 20px; line-height: 20px; text-align: center;}
.news-container .news-list-box .news-sm-tit { display: flex; justify-content: space-between; align-items: center; padding-top: 30px;}
.news-container .news-list-box .news-sm-tit span { color: #979797; font-size: 12px; line-height: 20px;}
.news-container .news-list-box .news-detail { color: #666; font-size: 14px; line-height: 30px; padding-top: 20px;}
.news-container .news-list-box .news-detail img { max-width: 100%;}
.news-container .news-list-box .btn-list { display: flex; padding: 80px 0;}
.news-container .news-list-box .tuijian { padding-top: 40px; font-size: 16px; font-weight: bold; color: #333;}
.page-box { width: 1200px; margin:0 auto 80px;}

/**课程列表**/
.course-container .course-item { padding: 80px 0;}
.course-container .course-item .img-list { display: flex; align-items: center; justify-content: center; padding-top: 60px;}
.course-container .course-item .img-list img { width: 290px; height: 100px; display: block; margin: 0 10px; border-radius: 10px;}
.course-container .course-item .course-desc-box { display: flex; padding: 80px 0;}
.course-container .course-item .course-desc-box .course-desc { flex: 1; }
.course-container .course-item .course-desc-box .course-desc h3 { font-size: 21px; font-weight: bold; color: #484848;}
.course-container .course-item .course-desc-box .course-desc p { padding-top: 20px; font-size: 14px; color: #959595; line-height: 24px; height: 144px;}
.course-container .course-item .course-desc-box .course-desc .software-box { padding-top: 47px;}
.course-container .course-item .course-desc-box .course-desc .software-box .software-tit { font-size: 16px; color: #474747; line-height: 24px;}
.course-container .course-item .course-desc-box .course-desc.dark h3 { font-size: 21px; font-weight: bold; color: #fff;}
.course-container .course-item .course-desc-box .course-desc.dark p { padding-top: 20px; font-size: 14px; color: #fff; line-height: 24px; height: 144px;}
.course-container .course-item .course-desc-box .course-desc.dark  .software-box .software-tit { font-size: 16px; color: #fff; line-height: 24px;}

.course-container .course-item .course-desc-box .course-desc .software-box .software-list { padding-top: 20px; display: flex; align-items: center;}
.course-container .course-item .course-desc-box .course-desc .software-box .software-list img { width: 48px; height: 48px; object-fit: cover; display: block; margin-right: 6px; border-radius:5px;}
.course-container .course-item .btn-box { display: flex; justify-content: center;}
.course-container .course-item .btn-box .btn-detail { padding: 0 60px; color: #333; background: linear-gradient( 270deg, #2BE5FE 0%, #1AE2B2 100%); }
.course-container .course-item .course-desc-box .course-img-box { width: 800px; padding-left: 20px; display: flex;}
.course-container .course-item .course-desc-box .course-img-box.right { padding-left: 0; padding-right: 20px;}
.course-container .course-item .course-desc-box .course-img-box .course-big-img { width: 500px; height: 330px; display: block; object-fit: cover;}
.course-container .course-item .course-desc-box .course-img-box .course-small-img { display: flex; flex-direction: column; justify-content: space-between; padding-left: 10px;}
.course-container .course-item .course-desc-box .course-img-box .course-small-img img { width: 290px; height: 160px; display: block; object-fit: cover;}
.shiting-box{ display: flex; align-items: center; padding-top: 80px;}
.shiting-box .katong{ width: 600px; height: 600px; display: block;}
.shiting-box .form-box{ padding-left: 50px;}
.shiting-box .form-box img { width: 500px; height: 161px; margin-bottom: 50px;}
.shiting-box .form-box .layui-input { height: 41px;}
.shiting-box .form-box .btn-yuyue { background: linear-gradient( 270deg, #2BE5FE 0%, #1AE2B2 100%); color: #333; font-size: 24px; height: 66px;}


/**课程详情**/
.course-container-box { background-color: #141819;}
.course-container-box .changjing { padding-top: 70px;}
.course-container-box .changjing ul { display: flex; flex-wrap: wrap; margin: 0 auto; justify-content:space-between;}
.course-container-box .changjing ul li { margin-right: 20px; margin-top: 20px;}
.course-container-box .changjing ul li img { display: block; width: 380px; height: 300px; border-radius: 25px;}
.course-container-box .changjing ul li:nth-child(3n) { margin-right: 0;}
.course-container-box .qianjing { padding-top: 160px;}
.course-container-box .qianjing .prospect-content { display: flex; justify-content: space-between; padding-top: 20px; height: 400px;}
.course-container-box .qianjing .prospect-content .qj-tab span { width: 190px; height: 64px; display: block; position: relative; text-align: center; line-height: 64px; font-size: 20px; color: #bfbfbf; margin: 36px 0; cursor: pointer;}
.course-container-box .qianjing .prospect-content .qj-tab .active { background: linear-gradient(270deg, #2BE5FE 0%, #2CD692 100%); background-color: black; font-size: 20px; color: #333; font-weight: bold; box-shadow: 0px 3px 6px 1px #5DEDFF;}
.course-container-box .qianjing .prospect-content .qj-tab .active:after { position: absolute; content: ''; width: 0; height: 0; top: -30px; right: -15px; border-top: solid 32px transparent; border-left: solid 32px #141819; border-bottom: solid 32px transparent; transform: rotate(-35deg);}
.course-container-box .qianjing .prospect-content .qj-tab .active:before { position: absolute; content: ''; width: 0; height: 0; bottom: -30px; right: -15px; border-top: solid 32px transparent; border-left: solid 32px #141819; border-bottom: solid 32px transparent; transform: rotate(35deg);}
.course-container-box .course-module { padding-top: 120px;}
.course-container-box .course-module .ad-box { padding-bottom: 50px;}
.course-container-box .course-module .ad-box img { display: block; width: 100%;}
.course-container-box .course-module .main ul { display: flex; flex-wrap: wrap; padding-top: 40px;}
.course-container-box .course-module .main ul li { width: 380px; height: 240px; margin-right: 20px; margin-top: 20px;}
.course-container-box .course-module .main ul li img { display: block; width: 380px; height: 240px; border-radius: 30px;}
.course-container-box .teacher-box .teacher-content .teacher-tab span { border-bottom-color: #141819; color: #fff;}
.course-container-box .work-box .work-content .work-list li:nth-child(4n) { margin-right: 10px;}
.course-container-box .work-box .work-content .work-list li:nth-child(5n) { margin-right: 0;}
.course-container-box .huanjing-box { padding-top: 40px;}
.course-container-box .huanjing-box .huanjing-content .huanjing-tab span { border-bottom-color: #141819; color: #fff;}
.course-container-box .shiting-box { padding-top: 80px;}
#honor-swiper { height: 350px;}
.honor-box { padding-top: 120px;}
.honor-box .honor-content { padding-top: 20px;}
.honor-box .honor-content .honor-tab { display: flex; justify-content: center; border-bottom: solid 1px #dfdfdf; width: 1200px; margin: 0 auto 30px;}
.honor-box .honor-content .honor-tab span{ width: 200px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #fff; border-bottom: 6px solid #141819; position: relative; cursor: pointer;}
.honor-box .honor-content .honor-tab .active:after { content: ''; position: absolute; width: 98px; left: 50%; margin-left: -49px; height: 6px; bottom: -6px; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%);}
.honor-box .honor-content .tc-swiper-button-next, .honor-box .honor-content .tc-swiper-button-prev { margin-top:-45px; color:#fff; display: flex; justify-content: center; align-items: center; border-radius: 59px; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%); width: 59px; height: 59px; box-shadow: 0px 3px 6px 1px #5DEDFF;}
.honor-box .honor-content .honor-item-swiper .swiper-slide p { color: #AEAEAE; padding-top: 10px; text-align: center;}

/**教学模式**/
.teaching-container { padding-top: 65px;}
.teaching-container .teaching-content { display: flex; justify-content: space-between; padding-top: 60px;}
.teaching-container .teaching-content .teaching-txt { padding-right: 80px;}
.teaching-container .teaching-content .teaching-txt h3 { font-size: 24px; font-weight: bold; color: #000;}
.teaching-container .teaching-content .teaching-txt p { padding-top: 38px; color: #979797; font-size: 16px; line-height: 26px;}
.teaching-container .teaching-content .zx-btn { justify-content: flex-start;}
.teaching-container .teaching-content img { display: block; width: 624px; height: 405px;}

/**师资力量**/
.teacher-container { padding-top: 65px;}
.teacher-container .teacher-txt { padding-top: 27px;}
.teacher-container .teacher-txt h4 { font-size: 14px; color:#333; font-weight: bold; text-align: center;}
.teacher-container .teacher-txt p { padding: 20px 136px 20px; color: #979797; line-height: 26px; font-size: 12px; text-align: center;}
.teacher-container .kecheng-box { padding: 60px 0; background-color: #dcfbff;}
.teacher-container .teacher-img { display: flex; justify-content: center; padding-top: 40px;}
.teacher-container .market-tit { font-size: 50px; font-weight: bold; color: #333333; line-height: 87px; padding-top: 45px;  text-align: center;}
.teacher-container .market-box { display: flex; justify-content: space-between; padding-top: 30px;}
.teacher-container .market-box li { width: 313px; height: 232px;}
.teacher-container .teach-core { padding-top: 110px;}
.teacher-container .teach-core h3 { font-size: 50px; font-weight: bold; text-align: center; color: #333333; line-height: 69px;}
.teacher-container .teach-core p { font-size: 18px; color: #333333; font-weight: bold; text-align: center;}
.teacher-container .teach-core-box { display: flex; justify-content: center; padding-top: 30px;}
.teacher-container .teach-core-box li { width: 331px; height: 102px; padding: 0 15px;}

/**就业**/
.jiuye-container { padding-top: 100px;}
.jiuye-container .jiuye-liucheng-content { padding-top: 8px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.jiuye-container .jiuye-liucheng-content li { display: flex; width: 550px; padding: 0 25px; align-items: center; margin-top: 40px;}
.jiuye-container .jiuye-liucheng-content li img { display: block; width: 180px; height: 180px;}
.jiuye-container .jiuye-liucheng-content li .txt { padding-left: 25px;}
.jiuye-container .jiuye-liucheng-content li .txt h3 { font-size: 30px; color: #515151; font-weight: bold;}
.jiuye-container .jiuye-liucheng-content li .txt p { height: 109px; color: #aeaeae; font-size: 14px; line-height: 30px; padding-top: 10px;}
.jiuye-container .jiuye-fudao { padding-top: 110px;}
.jiuye-container .jiuye-fudao .jyfd-content { padding: 48px 0 80px; display: flex; justify-content: space-between;}
.jiuye-container .jiuye-fudao .jyfd-content li { position: relative; width: 380px; height: 340px;}
.jiuye-container .jiuye-fudao .jyfd-content li img { display: block; width: 380px; height: 340px; border-radius: 20px 20px 0 0;}
.jiuye-container .jiuye-fudao .jyfd-content li .jyfd-txt { display: flex; flex-direction: column; align-items: center; position: absolute; width: 100%; height: 106px; bottom: 0; left: 0; border-radius:0 0 20px 20px; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%);}
.jiuye-container .jiuye-fudao .jyfd-content li .jyfd-txt h3 { font-size: 23px; font-weight: bold; color: #333; text-align: center; padding-top: 8px;}
.jiuye-container .jiuye-fudao .jyfd-content li .jyfd-txt p { width: 250px; padding-top: 8px; line-height: 20px; text-align: center;}
.jiuye-container .hezuo-box { background-color: #141819; padding: 100px 0 85px;}
.jiuye-container .hezuo-box .hezuo-content .hezuo-tab { display: flex; justify-content: center; border-bottom: solid 1px #dfdfdf; width: 1200px; margin: 0 auto;}
.jiuye-container .hezuo-box .hezuo-content .hezuo-tab span{ width: 200px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #fff; border-bottom: 6px solid #141819; position: relative; cursor: pointer;}
.jiuye-container .hezuo-box .hezuo-content .hezuo-tab .active:after { content: ''; position: absolute; width: 98px; left: 50%; margin-left: -49px; height: 6px; bottom: -6px; background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%);}
#hezuo-swiper { padding-top: 40px;}
.jiuye-container .jiuye-zhidao { padding-top: 72px;}
.jiuye-container .question-box { padding: 80px 0; display: flex; justify-content: space-between; align-items: center;}
.jiuye-container .question-box .question-big { width: 374px; height: 349px; padding-right: 28px;}
.jiuye-container .question-box .question-big img { width: 374px; height: 349px; display: block;}
.jiuye-container .question-box ul { display: flex; flex-wrap: wrap; width: 798px; justify-content: center;}
.jiuye-container .question-box ul li { width: 243px; height: 176px; margin-right: 20px; margin-bottom: 20px;}
.jiuye-container .question-box ul li img { width: 243px; height: 176px; display: block;}
.jiuye-container .question-box ul li:nth-child(3n) { margin-right: 0;}

/**关于我们**/
.about-container { padding-top: 100px;}
.about-container .about-us-content { padding: 40px 0 80px; display: flex; justify-content: space-between;}
.about-container .about-us-content .about-img { width: 600px; height: 396px;}
.about-container .about-us-content .about-us-txt { padding-left: 30px;}
.about-container .about-us-content .about-us-txt h3 { font-size: 30px; font-weight: bold; color: #333;}
.about-container .about-us-content .about-us-txt .desc { font-size: 14px; color: #515151; line-height: 26px; padding-top: 20px; height: 97px; overflow: hidden;}
.about-container .about-us-content .about-us-txt h4 { font-size: 20px; color: #515151; font-weight: bold; padding-top: 30px;}
.about-container .about-us-content .about-us-txt ul { display: flex; justify-content: space-between; padding-top: 40px;}
.about-container .about-us-content .about-us-txt ul li { width: 114px;}
.about-container .about-us-content .about-us-txt ul li img { width: 114px; height: 114px;}
.about-container .about-us-content .about-us-txt ul li p { color: #515151; font-size: 14px; line-height: 26px; text-align: center;}
.about-container .teach-box { padding: 100px 0;}
.about-container .teach-box .teach-box-item { padding-top: 40px; display: flex; justify-content: space-between;}
.about-container .teach-box .teach-box-item img { width: 500px; height: 289px; display: block;}
.about-container .teach-box .right img { width: 500px; height: 253px; display: block;}
.about-container .teach-box .teach-box-item .item-txt { padding-left: 30px;}
.about-container .teach-box .right .item-txt { padding-left: 0; padding-right: 30px;}
.about-container .teach-box .teach-box-item .item-txt p { color: #515151; font-size: 14px; line-height: 26px;}
.about-container .teach-box .teach-box-item .item-txt dl { padding-top: 30px;}
.about-container .teach-box .teach-box-item .item-txt dl dt { color: #515151; font-weight: bold; font-size: 14px;}
.about-container .teach-box .teach-box-item .item-txt dl dd { color: #515151; font-size: 14px; line-height: 26px;}
.about-container .grow-box { background-color: #141819; padding: 80px 0;}
.about-container .grow-box .grow-tab { display: flex; justify-content: center;  width: 1200px; margin: 40px auto 0;}
.about-container .grow-box .grow-tab span{ display: flex; align-items: center; justify-content:center; text-align:center; background-color: #fff; padding: 0 20px; margin: 0 15px; border-radius: 20px; width: 135px; height: 120px; font-size: 26px; color: #2BE5FE; font-weight: bold; cursor: pointer;}
.about-container .grow-box .grow-tab span.active { background: linear-gradient( 270deg, #2BE5FE 0%, #2CD692 100%); box-shadow: 0px 3px 6px 1px #5DEDFF; color: #fff; }
.about-container .grow-box .grow-swiper { margin: 30px 91.5px;}
.about-container .grow-box .grow-swiper .swiper-slide img { border-radius: 30px; width: 100%;}
.about-container .grow-box .grow-swiper-button-prev, .about-container .grow-box .grow-swiper-button-next { top: 64%; width: 60px; height: 60px; background-color: rgba(81, 81, 81, 0.2); border-radius: 30px;}

.jiazhi-box { padding: 160px 0 100px; }

.consult-container { padding-top: 100px;}
.consult-container .kc-list { padding: 40px 0 80px; display: flex; justify-content: space-between;}
.consult-container .qyjg-box { background: url('../img/qy_bg.jpg') no-repeat; }
.consult-container .qyjg-box .main { height: 1130px; }
.consult-container .qyjg-box .qyjg-img { position: absolute; top: 104px; left: 50%; width: 1157px; height: 807px; margin-left: -578.5px;}
.consult-container .qyjg-box ul { position: absolute; display: flex; justify-content: center; width: 1200px; bottom: -230px;}
.consult-container .qyjg-box ul li { margin: 0 50px;}
.consult-container .qyjg-box ul li img { display: block;}
.consult-container .kctx-box { padding: 70px 0 50px;}
.consult-container .kctx-box ul { display: flex; justify-content: center; padding-top: 50px;}
.consult-container .kctx-box ul li { margin-right: 45px;}
.consult-container .kctx-box ul li:nth-child(4) { margin-right: 0;}
.consult-container .kctx-box ul li img { display: block; width: 204px; height: 350px;}
.consult-container .diaoyan-box { padding: 60px 0; background-color: #3FA6B3; height: 626px;}
.consult-container .diaoyan-box .video-content { padding-top: 43px; position:relative;}
.consult-container .diaoyan-box .video-content .video-poster { display:block; width:1200px; height:476px;}
.consult-container .diaoyan-box .video-content .btn-play { position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; cursor: pointer;}
.consult-container .contact-us-box { padding-top: 60px;}
.consult-container .contact-us-box .contact-item { width: 100%; padding-top: 100px;}
.consult-container .contact-us-box .contact-item h3 { display: flex; align-items: center; font-size: 20px; color: #515151; font-weight: bold;}
.consult-container .contact-us-box .contact-item .map-box { display: flex; justify-content: center; padding-top: 15px;}
.consult-container .contact-us-box .contact-item .map-box .map-img { width: 830px; height: 400px;}
.consult-container .contact-us-box .contact-item .map-box .contact-info { background-color: #3FA6B3; flex: 1; padding: 25px 30px; display: flex; flex-direction: column;}
.consult-container .contact-us-box .contact-item .map-box .contact-info.red { background-color: #FF707B;}
.consult-container .contact-us-box .contact-item .map-box .contact-info li { color: #fff; font-size: 14px; padding-bottom: 25px;}
.consult-container .contact-us-box .contact-item .map-box .contact-info li:last-child { padding-bottom: 0;}
.consult-container .contact-us-box .contact-item .map-box .contact-info li span { padding-right: 5px;}
.consult-container .contact-us-box .contact-item .map-box .contact-info li p { line-height: 35px;}